import React from "react";
import { getJQListApi } from "../../api/list";

function index() {
  return (
    <div>
      <div>
        <img
          style={{ width: "100vw", height: "200px" }}
          src="//img.alicdn.com/bao/uploaded/https://img.alicdn.com/imgextra/i2/2251059038/O1CN01ifOQ5o2GdShH7MswI_!!2251059038.jpg_q60.jpg_.webp"
          alt=""
        />
        <div>王若琳2025「她在那里微笑着」巡演</div>
        <div>
          ￥480起{" "}
          <span
            style={{
              width: "40px",
              height: "23px",
              color: "#fff",
              background: "#a062d4",
              borderRadius: "5px",
            }}
          >
            预订
          </span>
        </div>
      </div>
    </div>
  );
}

export default index;
export const loader = async () => {
  const { data: res } = await getJQListApi();
  console.log(res);

  return { list: res };
};
